<template>
  <edu-preview
    :x-uri="xUri"
    :x-tabs="xTabs"
    :save-key="saveKey"
    save-field-name="line_display_number"
    preview-type="course_display"
    :select-datas="options"
    :preview-pc="false"
    :prop-options="propOptions"
    type="button"
    title="排版方式"
    :default-value="1"
  />
</template>

<script>
import EduPreview from '@/pages/system/config/preview.vue';
export default {
  components: {
    EduPreview
  },
  data() {
    return {
      xUri: '/admin/site/course/display',
      saveKey: 'site.course.display',
      options: [{ title: '单列', value: 1 }, { title: '双列', value: 2 }],
      xTabs: [
        {
          title: '课程列表样式',
          uri: '/site/course/display',
          meta: {
            permission: 'site.mobile.course.list.display'
          }
        }
      ],
      propOptions: {
        app_pre: 'app_pre.png',
        app_con: false
      }
    };
  }
};
</script>
